/* pages/category/category.wxss */
page {
  background-color: #ffffff;
  height: 100%;
}

.weui-vtabs-bar__item {
  /* border-left-color: #fff !important; */
  border: none !important;
}

.weui-vtabs-bar__wrp,
.weui-vtabs-bar__content,
.weui-vtabs-bar__item {
  width: 100px !important;
}

.weui-vtabs-content__wrp {
  padding: 0 30rpx;
  .title {
    font-size: 14px;
    text-align: center;
    text {
      position: relative;
      &::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 40rpx;
        border-top: 1px solid #e0e0e0;
        transform: translate3d(-150%, -50%, 0);
        -webkit-transform: translate3d(-150%, -50%, 0);
      }
      &::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 40rpx;
        border-top: 1px solid #e0e0e0;
        left: auto;
        right: 0;
        transform: translate3d(150%, -50%, 0);
      }
    }
  }
  .item-container {
    overflow: hidden;
    margin: 50rpx 0;
    .product-item {
      float: left;
      width: 33.3333333%;
      text-align: center;
      font-size: 12px;
      margin-bottom: 20rpx;
      image {
        width: 100rpx;
        height: 100rpx;
      }
      .name {
        margin-top: 10rpx;
        color: rgba(0, 0, 0, 0.54);
        white-space: nowrap;
      }
    }
  }
}
